.newreply {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 8px;
}
.newreply h3 {
  height: 45px;
  color: salmon;
  font-size: 17px;
  font-weight: 700;
  line-height: 45px;
  padding-left: 15px;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}
.newreply ul {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 10px;
}
.newreply ul li {
  flex: 1;
  display: flex;
  margin-bottom: 10px;
  flex-direction: column;
  padding-bottom: 5px;
  border-bottom: 1px dashed #ccc;
}
.newreply ul li .uname {
  font-size: 16px;
  font-weight: 700;
  color: #999;
  cursor: pointer;
}
.newreply ul li .date {
  color: #999;
  font-size: 12px;
}
.newreply ul li .content {
  position: relative;
  height: 35px;
  background-color: #fa9286;
  border-radius: 9px;
  margin: 5px 0;
  padding-left: 5px;
}
.newreply ul li .content span {
  position: absolute;
  top: -3px;
  left: 25px;
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #fa9286;
  /*     border-left: 1px solid red;
          border-top: 1px solid red; */
  transform: rotate(45deg);
}
.newreply ul li .content p {
  height: 100%;
  color: #fff;
  font-size: 14px;
  line-height: 35px;
  /* 单行溢出文字省略号显示必须满足三个条件： */
  /* 1 强制一行显示文本 */
  white-space: nowrap;
  /* 2 超出的部分文本进行隐藏 */
  overflow: hidden;
  /* 3 文字用省略号代替超出的部分 */
  text-overflow: ellipsis;
}
